<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
  <meta name="keywords" content="admin, dashboard, bootstrap, template, flat, modern, theme, responsive, fluid, retina, backend, html5, css, css3">
  <meta name="description" content="">
  <meta name="author" content="ThemeBucket">
  <link rel="shortcut icon" href="#" type="image/png">

  <title>学生首页-公共页面</title>

  <!--icheck-->
  <link href="/js/iCheck/skins/minimal/minimal.css" rel="stylesheet">
  <link href="/js/iCheck/skins/square/square.css" rel="stylesheet">
  <link href="/js/iCheck/skins/square/red.css" rel="stylesheet">
  <link href="/js/iCheck/skins/square/blue.css" rel="stylesheet">
  <link href="/css/clndr.css" rel="stylesheet">
  <link rel="stylesheet" href="/js/morris-chart/morris.css">
  <link href="/css/style.css" rel="stylesheet">
  <link href="/css/style-responsive.css" rel="stylesheet">
  <script src="/js/html5shiv.js"></script>
  <script src="/js/respond.min.js"></script>
    <script src="/js/tokenCommon.js"></script>


    <![endif]-->
</head>
<body class="sticky-header">


<!--   引入leftbar.html-->
<div id="leftbar"></div>

<div class="main-content" >
        <!-- head.html-->

    <div id="head"></div>



<!--        中间页面显示区域-->
        <div class="page-heading">

            <h4 class="text-muted" style="margin-top: 1%;margin-left:1%;font-size:22px">招聘数据展示</h4>


        <div class="wrapper">

            <div class="row">
                <div class="col-md-4">
                    <div class="panel" style="height: 350px;text-align: center">
                        <br>
                        <h5>网申岗位占比</h5>
                        <div id="piechart" style="height: 100%;margin-top: -50px" ></div>
                    </div>
                </div>

                <div class="col-md-4">

                    <div class="panel" style="height: 310px;text-align: center">
                        <br>

                        <div id="individualAbility" class="panel" style="height: 330px;"></div>
                    </div>

                </div>

                <div class="col-md-4">

                    <section class="panel">
                        <div class="panel-body">
                            <div class="summary">
                                <span class="text-muted"><h5>招聘企业数量</h5></span>
                                <h3 class="red-txt"><span id="compCount"></span>家</h3>
                            </div>
                        </div>
                    </section>
                    <section class="panel">
                        <div class="panel-body">
                            <div class="summary">
                                <span class="text-muted"><h5>招聘岗位总数</h5></span>
                                <h3 class="green-txt"><span id="jobCount"></span>个</h3>
                            </div>
                        </div>
                    </section>
                    <section class="panel">
                        <div class="panel-body">
                            <div class="summary">
                                <span class="text-muted"><h5>招聘行业数量</h5></span>
                                <h3 class="green-txt">14个</h3>
                            </div>
                        </div>
                    </section>

                </div>
            </div>

            <div class="row">
                <div class="col-md-6">

                    <div class="panel" style="height: 310px;text-align: center">
                        <br>
                        <h5>公司行业数量统计</h5>
                        <div id="container" class="panel" style="height: 300px;"></div>
                    </div>

                </div>
                <div class="col-md-6">

                    <div class="panel" style="height: 310px;text-align: center">
                        <br>
                        <h5>历年招聘就业率</h5>
                        <div id="employmentRate" class="panel" style="height: 300px;"></div>
                    </div>

                </div>
            </div><br><br>

            <div class="row">

                <div class="col-md-4"></div>
                <div class="col-md-4"></div>
            </div>
            <div class="row">
                <div class="col-md-4"></div>
                <div class="col-md-4"></div>
                <div class="col-md-4"></div>
            </div>
        </div>
        <!--body wrapper end-->

        <!--footer section start-->
        <footer style = 'margin-top:500px'>
            商洛学院信息管理与信息系统毕业设计
        </footer>
        <!--footer section end-->
        </div>
    </div>


<!-- 引入dialog.html-->


<!--引入publicIndex.js-->

<script src="/js/jquery-1.10.2.min.js"></script>
<script src="/js/jquery-ui-1.9.2.custom.min.js"></script>
<script src="/js/jquery-migrate-1.2.1.min.js"></script>
<script src="/js/bootstrap.min.js"></script>
<script src="/js/modernizr.min.js"></script>
<script src="/js/jquery.nicescroll.js"></script>

<!--easy pie chart-->
<script src="/js/easypiechart/jquery.easypiechart.js"></script>
<script src="/js/easypiechart/easypiechart-init.js"></script>

<!--Sparkline Chart-->
<script src="/js/sparkline/jquery.sparkline.js"></script>
<script src="/js/sparkline/sparkline-init.js"></script>

<!--icheck -->
<script src="/js/iCheck/jquery.icheck.js"></script>
<script src="/js/icheck-init.js"></script>

<!-- jQuery Flot Chart-->
<script src="/js/flot-chart/jquery.flot.js"></script>
<script src="/js/flot-chart/jquery.flot.tooltip.js"></script>
<script src="/js/flot-chart/jquery.flot.resize.js"></script>


<!--Morris Chart-->
<script src="/js/morris-chart/morris.js"></script>
<script src="/js/morris-chart/raphael-min.js"></script>

<!--Calendar-->
<script src="/js/calendar/clndr.js"></script>
<script src="/js/calendar/evnt.calendar.init.js"></script>
<script src="/js/calendar/moment-2.2.1.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.5.2/underscore-min.js"></script>
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
<!--common scripts for all pages-->
<script src="/js/scripts.js"></script>
<link rel="stylesheet" type="text/css" href="/css/bootstrap-datetimepicker.css" />
<script src="/js/bootstrap-datetimepicker.js" type="text/javascript"></script>
<!--Dashboard Charts-->
<script src="/js/dashboard-chart-init.js"></script>
<script src="/js/dashboard-chart-init.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/dist/echarts.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts-gl/dist/echarts-gl.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts-stat/dist/ecStat.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/dist/extension/dataTool.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/map/js/china.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/map/js/world.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/dist/extension/bmap.min.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=wMTXdYCQbDQsMGo4NcR5jO645sPOla7g"></script>
<script src="/js/publicIndex.js"></script>
<script type="text/javascript">

    var template = document.querySelector('#head');
    document.body.appendChild(template.content.cloneNode(true));

</script>





</body>
</html>
